<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/home.css">
</head>

<body>

    <header>
        <!-- 顶部工具栏 -->
        <div class="tool-bar"></div>
        <!-- 导航 -->
        <div class="nav"></div>
    </header>


    <!-- 轮播图 -->
    <div class="banner"></div>

    <!-- 首页内容区域 -->
    <main class="center">
        <!-- 快速购票 -->
        <div class="quick flex-bt">
            <div class="flex-ct">快速购票</div>
            <select id="theatreSelectEle"></select>
            <select id="movieSelectEle"></select>
            <select id="dateSelectEle"></select>
            <select id="timeSelectEle"></select>
            <div class="flex-ct" id="buyBtnEle">立即购票</div>
        </div>

        <div class="movie">
            <div class="left-movie">
                <div class="movie-list" id="hot-movie"></div>
                <div class="movie-list" id="coming-movie"></div>
            </div>
            <div class="right-info">
                <div class="movie-activity"></div>
                <div class="recreation-hot"></div>
            </div>
        </div>
    </main>

    <footer>
        <div class="service">
            <div class="center">

            </div>
        </div>
        <div class="company"></div>
    </footer>



    <script src="./js/request.js"></script>
    <script src="./js/home.js"></script>
</body>

</html>